.container{
    .content{
        .main{
            margin: 20px auto;
            position: relative;
            .area{
                width: 100%;            
                background-color:#F1F1F1;
                box-shadow: none;
                .area-wrapper{
                    margin-left: 300px;
                    background-color: #fff;
                    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                    .single-header{
                        display: block;
                        border-bottom: 1px solid #e5e5e5;
                        position: relative;
                        .title{
                            padding: 20px 20px 25px;
                            height: auto;
                            color: #333;
                            overflow: hidden;
                            font-size: 20px;
                        }
                    }
                    .single-content{
                        max-width: 960px;
                        margin: auto;
                        font-size: 14px;
                        padding: 10px 30px;
                        p{
                            margin: 25px 0;
                            line-height: 22px;
                            a{
                                color: #00C3B6;
                            }
                        }
                        
                    }
                }
            }
            .aside{
                width: 280px;
                background-color: #fff;
                box-shadow: 0 1px 2px rgba(0,0,0,0.1);
                position: absolute;
                top: 0;
               
                li{
                    a{
                        padding: 15px 20px;
                        background-color: #fff;
                        display: block;
                        font-size: 14px;
                        color: #666;
                        border-bottom: 1px solid #E5E5E5;
                    }
                    
                }
                .current a{
                        color: #fff;
                        background-color: #00C3B6;
                    }
            }
        }
    }
}


@media only screen and (max-width:1024px){
    .container{
        .content{
            .main{
                .area{
                    margin-bottom: 35px;
                    .area-wrapper{
                        margin-left: 0;
                    }
                    
                }
                .aside{
                    position: relative;
                    width: 100%;
                }
            }
        }
    }
}
